/**
 *
 *create by gaofei
 */
@import "../../Master/index";
main{
  .Masterfun();
  nav{
    padding-left: 2rem;
    .display-flex();
    .flex-direction();
    .flex-wrap(wrap);
    .nav-item{
      padding: .3rem 1.2rem;
      font-size: 1.2rem;
      border-radius: 1.5rem;
      background-color: #f7f7fa;
      color: #909099;
      margin-top: 1.5rem;
      margin-right: 1.5rem;
    }
    .nav-item-select{
      background-color: #ff8800;
      color: #ffffff;
    }
  }
  section{
    padding: 0 2rem;
    margin-top: 1rem;
    .book-item{
      //height: 13rem;
      padding-top: 2rem;
      .display-flex();
      .book-img{
        height: 9rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        img{
          height: 100%;
        }
      }
      .book-content{
        width: 100%;
        padding-bottom: 2rem;
        border-bottom: solid 1px #e6e6e6;
        text-align: left;
        .display-flex();
        .flex-direction(column);
        .justify-content(space-between);
        .book-title{
          .title-left{
            font-size: 1.5rem;
            color: #2a2a33;
          }
          .title-right{
            float: right;
            color: #ff8800;
            font-size: 1.2rem;
            i{
              font-size: 1rem;
            }
          }
        }
        .book-chapter{
          font-size: 1.2rem;
          color: #5a5a66;
        }
        .book-brief{
          font-size: 1.2rem;
          color: #909099;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
      }
    }
  }
  .null {
    width: 100%;
    height: 100%;
    div{
      color: #d8d8d8;
      margin-top: 40%;
      div{
        margin-top: 1.5rem;
        font-size: @fontSize15;
        .icon-wodeshuji-kongbaiye{
          font-size: 5rem;
        }
      }
    }
  }
}

